<?php
include_once('admin/php/includes/definer.php');
include_once(INC.'php/checkers/language.checker.php');
?>
<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <title><?php echo($language->garantia); ?> | Tower Technology</title>

        <link rel="stylesheet" href="<?php echo(URL); ?>stylesheets/normalize.css" />
        <link rel="stylesheet" href="<?php echo(URL); ?>stylesheets/app.css" />
        <script src="<?php echo(URL); ?>admin/php/includes/definer.js" type="text/javascript"></script>
        <script src="<?php echo(URL); ?>javascripts/vendor/custom.modernizr.js"></script>
        <style type="text/css">.error label, label.error{display: none !important}</style>

    </head>
    <body>
        <!-- BOTONERA -->
        <?php include_once './tpl/nav.php'; ?>
        <?php include_once './tpl/nav-mobile.php'; ?>
        <!-- FIN BOTONERA -->

        <section id="la-empresa">
            <form action="" method="post" id="form-web">
                <div class="row">
                    <div class="large-8 large-centered columns">
                        <p style="text-align: center;font-size: 1em;"><?php echo($language->garantiaLeyenda); ?></p>
                    </div>
                </div>
                <div class="row">
                    <div class="large-12 columns">
                        <div class="panel">
                            <div class="row">
                                <div class="large-6 columns">
                                    <label for="nombre"><?php echo($language->nombreApellido); ?></label>
                                    <input type="text" id="nombre" name="nombre" />
                                    <label for="tel"><?php echo($language->telefono); ?></label>
                                    <input type="text" id="tel" name="tel" />
                                </div>
                                <div class="large-6 columns">
                                    <label for="doc"><?php echo($language->nDocumento); ?></label>
                                    <input type="text" id="doc" name="doc" />
                                    <label for="email">Email</label>
                                    <input type="text" id="email" name="email" />
                                </div>
                            </div>
                            <div class="row">
                                <div class="large-5 columns">
                                    <label for="factura"><?php echo($language->nFactura); ?></label>
                                    <input type="text" id="factura" name="factura" />
                                </div>
                                <div class="large-2 columns">
                                    <label for="datepicker"><?php echo($language->fecha); ?></label>
                                    <input type="text" id="datepicker" name="datepicker" />
                                </div>
                                <div class="large-5 columns">
                                    <label for="comercio"><?php echo($language->comercio); ?></label>
                                    <input type="text" id="comercio" name="comercio" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="large-2 small-12 large-centered columns">
                        <input type="submit" name="ingresar" id="acceder" class="button" value="<?php echo($language->enviar); ?>" />
                    </div>
                </div>
            </form>
        </section>

        <!-- FOOTER -->
        <?php include_once './tpl/footer.html'; ?>
        <!-- FIN FOOTER -->

        <script>
            document.write('<script src=' +
                    ('__proto__' in {} ? '<?php echo(URL); ?>javascripts/vendor/zepto' : '<?php echo(URL); ?>javascripts/vendor/jquery') +
                    '.js><\/script>')
        </script>

        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.alerts.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.clearing.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.cookie.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.dropdown.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.forms.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.joyride.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.magellan.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.orbit.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.placeholder.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.reveal.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.section.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.tooltips.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.topbar.js"></script>        

        <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />

        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

        <script src="<?php echo(URL); ?>javascripts/validate/jquery.validate.js"></script>
        
        <script src="<?php echo(URL); ?>javascripts/buscar.js"></script>

        <script>
            $(document).foundation();
            $(document).ready(function() {
                $("#datepicker").datepicker();
                $("#form-web").validate({
                    rules: {
                        nombre: {
                            required: true
                        },
                        doc: {
                            email: true
                        },
                        tel: {
                            required: true
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        factura: {
                            required: true
                        },
                        datepicker: {
                            required: true
                        }
                    },
                    submitHandler: function($form) {
                        progressBar()
                        $form.submit();
                    }
                });
            });
        </script>
    </body>
</html>
